
<template>
  <div class="home_">
    <!-- 顶部图签 -->
    <div class="top_img">
      <img src="@/assets/img/banner.png" alt="">
    </div>
    <List title="待确认患者关联" :funIndex="0"></List>
    <List title="待评估患者" :funIndex="1"></List>
    <List title="待补处方患者" :funIndex="2"></List>
    <List title="报告恶心呕吐患者" :funIndex="3"></List>
  </div>
</template>
<script>
import List from './compontents/List.vue'
export default {
  components: { List },
  data () {
    return {
    }
  },
  mounted () {
  },
  methods: {
  }

}
</script>
<style scoped lang='less' >
.home_ {
  width: 100%;
  padding: 8px 16px;
  padding-bottom: 70px;
  box-sizing: border-box;
  .top_img {
    width: 100%;
    height: 152px;
    background: linear-gradient(90deg, #3eb3ff 0%, #436eff 100%);
    box-shadow: 0px 4px 20px rgba(95, 149, 235, 0.44);
    border-radius: 8px;
    img {
      width: 100%;
      height: 100%;
    }
  }
}
</style>
